<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="x-ua-compatible" content="IE-edge,chrome=1">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <link rel="stylesheet" href="./font-awesome-4.5.0/css/font-awesome.css">
  <link rel="icon" href="/favicon.ico">
  <link rel="stylesheet" href="css/master.css" type="text/css">
  <title>个人简历</title>
</head>

<body>
  <div class="mainBody">
    <header>
      <div id="logo" class="only-screen">=CHC</div>
      <div class="null_screen only-screen"></div>
      <h1 id="bigName">Chiorio
        <small>/个人简历</small>
      </h1>
      <div class="null_print only-print"></div>
      <!-- <div class="online only-print">在线简历：
        <a href="https://hi-hi.cn/chlresume/">https://hi-hi.cn/chlresume/</a>
      </div> -->
    </header>
    <div class="content">
      <div class="term" id="">
        <h3>
          <div class="icon">
            <span class="line"></span>
            <i class="fa fa-thumbs-o-up"></i>
          </div>

          <div class="title">意向职位</div>
        </h3>
        <div class="main">
          <span>
            <i class="fa fa-thumbs-o-up  only-print"></i>前端工程师</span>
        </div>
      </div>
      <div class="term" id="information">
        <h3>
          <div class="icon">
            <span class="line"></span>
            <i class="fa fa-info"></i>
          </div>
          <div class="title">基本信息</div>
        </h3>
        <div class="main">
          <ul>
            <li>
              <i class="fa fa-leaf "></i>
              <span class="bold">个人信息：</span>
              <span> XXX | 女 | XXXX年 | 2019年6月毕业 | XX大学 | 计算机 | XX </span>
            </li>
            <li>
              <i class="fa fa-leaf "></i>
              <span class="bold">目前状态：</span>
              <span> XX大学XX学院2019级研究生在读 </span>
            </li>
            <li class="skill">
              <i class="fa fa-leaf "></i>
              <span class="bold">技能：</span>
              <span>HTML | CSS | JavaScript ｜ Vue ｜ React | Redux | Webpack | Git</span>
            </li>
            <!-- <li>
              <i class="fa fa-leaf "></i>
              <span class="bold">GitHub / Blog：</span>
              <span>
                <a href="https://github.com/caohuilin" rel="noopener" target="_blank"> github.com/caohuilin </a>/
                <a href="https://blog2017.hi-hi.cn/" rel="noopener" target="_blank"> 个人博客 </a>
              </span>
            </li> -->
            <li>
              <i class="fa fa-leaf "></i>
              <span class="bold">联系方式：</span>
              <span> xxxxxxxxxx@qq.com | xxx
                <span class="blank">xxxx</span>xxxx | 微信 / QQ：xxxxxxxxx </span>
            </li>
            <li>
              <i class="fa fa-leaf "></i>
              <span class="bold">主修课程：</span>
              <span> C语言程序设计 | Python ｜ 信息安全数学基础 ｜ 计算机通信与网络 ｜ 应用密码学 ｜ 信息安全技术 ｜ 网络攻防技术 ｜ 数据库 ｜ 通信安全保密技术 ｜ ... </span>
            </li>
          </ul>
        </div>
      </div>
      <div class="term" id="skill">
        <h3>
          <div class="icon">
            <span class="line"></span>
            <i class="fa fa-gears"></i>
          </div>
          <div class="title">技能清单</div>
        </h3>
        <div class="main">
          <ul>
            <li>
              <i class="fa fa-hand-o-right "></i>
              <span class="bold"> HTML / CSS：</span>
              <ul class="con">
                <li>
                  <i class="fa fa-star-o "></i>能够编写语义化的 HTML，模块化的 CSS</li>
                <li>
                  <i class="fa fa-star-o "></i>能够使用 Flexbox 实现比较复杂的布局，使用 CSS3 实现复杂的动画</li>
                <li>
                  <i class="fa fa-star-o "></i>能够使用 Less 高效编写 CSS</li>
              </ul>
            </li>
            <li>
              <i class="fa fa-hand-o-right "></i>
              <span class="bold"> JavaScript: </span>
              <ul class="con">
                <li>
                  <i class="fa fa-star-o "></i>掌握 JavaScript 的基本使用</li>
                <li>
                  <i class="fa fa-star-o "></i>了解 Promise、Async/Await 等高级特性</li>
              </ul>
            </li>
            <li>
              <i class="fa fa-hand-o-right "></i>
              <span class="bold"> Vue: </span>
              <span>能熟练使用 Vue、Vue-router、Vuex 生态圈构建单页 Web 应用</span>
            </li>
            <li>
              <i class="fa fa-hand-o-right "></i>
              <span class="bold"> Bootstrap / ElementUI：</span>
              <span>可以使用 Bootstrap、ElementUI 快速开发响应式布局</span>
            </li>
            <li>
              <i class="fa fa-hand-o-right "></i>
              <span class="bold"> 构建工具：</span>
              <span>能够使用 Webpack 进行前端工程的构建</span>
            </li>
            <!-- <li>
              <i class="fa fa-hand-o-right "></i>
              <span class="bold"> 敏捷开发：</span>
              <span>能够熟练使用 rebase、cherry-pick 等 Git 命令，了解 CI、CD 流程</span>
            </li> -->
            <li>
              <i class="fa fa-hand-o-right "></i>
              <span class="bold"> 其他：</span>
              <span>踏实肯干，喜欢钻研，良好的沟通能力、领导能力</span>
            </li>
          </ul>
        </div>
      </div>
      <div class="term" id="honour">
        <h3>
          <div class="icon">
            <span class="line"></span>
            <i class="fa fa-cube"></i>
          </div>
          <div class="title">个人荣誉</div>
        </h3>
        <div class="main">
          <ul>
            <li>
              <i class="fa fa-star "></i>
              <span>学校单项二等奖学金
                <small>2017-2018学年度</small>
              </span>
            </li>
            <li>
              <i class="fa fa-star "></i>
              <span>校级年度关键词立体海报设计二等奖
                <small>2016年</small>
              </span>
            </li>

              <!--<li><i class="fa fa-star "></i><span></span>2014年湖南科技大学程序设计竞赛三等奖/最佳女生奖</li>-->
              <li>
                <i class="fa fa-star "></i>
                <span>通过大学英语六级考试
                  <small>2017年</small>
                </span>
                <br/>
              </li>  
          </ul>
        </div>
      </div>
      <!-- <div class="term" id='experience'>
        <h3>
          <div class="icon">
            <span class="line"></span>
            <i class="fa fa-laptop"></i>
          </div>
          <div class="title">工作经历</div>
        </h3>
        <div class="main">
          <ul>
            <li>
              <div class="heading">
                <div class="bold">
                  <a href="https://www.qiniu.com/" rel="noopener" target="_blank">七牛云</a>（2017年12月至今）</div>
              </div>
              <ul class="con">
              </ul>
            </li>
            <li>
              <div class="heading">
                <div class="bold">
                  <a href="https://www.btcchina.com/" rel="noopener" target="_blank">比特币中国</a>（2016年6月至2017年11月）</div>
              </div>
              <ul class="con">
                <li>
                  <div class="heading">
                    <div>
                      <i class="fa fa-fighter-jet "></i>比特币中国区块链+项目 （2017年6月）
                      <a href="https://plus.btcchina.com/" rel="noopener" target="_blank">https://plus.btcchina.com</a>
                    </div>
                  </div>
                  <ul class="con">
                    <li>
                      <i class="fa fa-circle "></i>实现计算和展示用户资产, ETH 和 BCC 等数字货币的充值提现，区块链+账户和主账户的转账等功能
                    </li>
                    <li>
                      <i class="fa fa-circle "></i>主要负责前端项目的搭建，和设计师交流页面设计和实现方式，和后端工程师对接 API 等工作
                    </li>
                  </ul>
                </li>
                <li>
                  <div class="heading">
                    <div>
                      <i class="fa fa-fighter-jet "></i>BTCC 美元交易系统 （2016年8月）
                      <a href="https://exchange.btcc.com/" rel="noopener" target="_blank">https://exchange.btcc.com</a>
                    </div>
                  </div>
                  <ul class="con">
                    <li>
                      <i class="fa fa-circle "></i>实现美元多种方式充值提现，BTC 充值提现等功能
                    </li>
                    <li>
                      <i class="fa fa-circle "></i>主要负责产品主页和账户系统前端部分的实现
                    </li>
                    <li>
                      <i class="fa fa-circle "></i>本人第一个独立完成项目前端搭建、实现和维护的线上系统
                    </li>
                  </ul>
                </li>
              </ul>
            </li>
          </ul>
        </div>
      </div> -->
      <div class="term" id="project">
        <h3>
          <div class="icon">
            <span class="line"></span>
            <i class="fa fa-leanpub"></i>
          </div>
          <div class="title">个人项目</div>
        </h3>
        <div class="main">
          <ul>
            <!-- <li>
              <div class="heading">
                <div class="bold"><i class="fa fa-tag "></i> 工作经历：<a href="https://www.btcchina.com/" rel="noopener" target="_blank">比特币中国</a>（2016年6月至今）</div>
              </div>
              <ul class="con">
                <li><i class="fa fa-check-square "></i>负责专业交易项目，美元交易项目的前端开发和维护</li>
                <li><i class="fa fa-check-square "></i>项目大都为React单页面应用，同时维护不少Angular项目</li>
                <li><i class="fa fa-check-square "></i>独立负责多个项目搭建，开发和维护</li>
              </ul>
            </li> -->
            <li>
              <div class="heading">
                <div class="bold">
                  <i class="fa fa-tag "></i>XX审计系统
                  <small>2019年4月-2019年6月</small></div>
                <div class="null"></div>
                <!-- <div class="demo">
                  <a href="https://qs.hi-hi.cn/mangage-book-app-2017-03-15.mp4" rel="noopener" target="_blank">
                    <i class="fa fa-paperclip "></i>Demo</a>
                </div> -->
                <!-- <div class="source">
                  <a href="https://github.com/caohuilin/GraduationDesign" rel="noopener" target="_blank">
                    <i class="fa fa-link "></i>源代码
                  </a>
                </div> -->
              </div>
              <ul class="con">
                
                <li>
                  <i class="fa fa-check-square "></i>个人上手的第一个项目，负责项目页面的设计、框架的搭建以及交互代码编写等</li>
                <!-- <li>
                  <i class="fa fa-check-square "></i>使用 CSS3 Transition 和 React Motion 实现了高性能的手指跟随翻页动画</li> -->
              </ul>
            </li>

            <li>
              <div class="heading">
                <div class="bold">
                  <i class="fa fa-tag "></i>信息展示项目
                  <small>2019年11月-2019年12月</small></div>
                <div class="null"></div>
              </div>
              <ul class="con">
                <!-- <li>
                  <i class=" fa fa-check-square"></i>掌机设计风格，帮你找回童年记忆</li>
                <li> -->
                <li>
                  <i class=" fa fa-check-square"></i>基于 Vue、Vue-router、axios、e-charts 技术栈</li>
                <li>
                  <i class=" fa fa-check-square"></i>项目前端主负责人，主要参与项目的设计、搭建以及和后端工程师对接API等工作</li>
              </ul>
              
            </li>
            <li>
              <div class="heading">
                <div class="bold">
                  <i class="fa fa-tag "></i>个人练习项目：仿简书</div>
                <div class="null"></div>
              </div>
              <ul class="con">
                <li>
                  <i class="fa fa-check-square "></i>使用React模仿简书网站构建页面</li>
                  <li>
                    <i class=" fa fa-check-square"></i>基于 React、React-Redux、Styled-components 技术栈</li>
              </ul>
            </li>
            <li>
              <div class="heading">
                <div class="bold">
                  <i class="fa fa-tag "></i>简单的CA系统
                <small>2018年10月-2018年12月</small></div>
                <div class="null"></div>
              </div>
              <ul class="con">
                <li>
                  <i class="fa fa-check-square "></i>采用python的pycrypto模块实现密钥的生成以及加密和解密</li>
                  <li>
                    <i class=" fa fa-check-square"></i>使用B/S架构，用户通过注册/登陆的方式上传信息和申请证书，管理员使用管理号在后台核验、分发、注销证书</li>
              </ul>
            </li>
          </ul>
        </div>
      </div>
      <div class="term" id='experience'>
        <h3>
          <div class="icon">
            <span class="line"></span>
            <i class="fa fa-laptop"></i>
          </div>
          <div class="title">实习经历</div>
        </h3>
        <div class="main">
          <ul>
            <li>
              <div class="heading">
                <div class="bold">
                  <i class="fa fa-fighter-jet "></i><span>XX信息技术有限公司 XX大学生产实习</span>（2018年7月）</div>
              </div>
              <ul class="con">
              </ul>
            </li>
            <li>
              <ul class="con">
                <li>
                  <ul>
                    <li>
                      <i class="fa fa-circle "></i>学习网络通信平台的构建方法，掌握网络通信平台构建设备的安装与配置
                    </li>
                    <li>
                      <i class="fa fa-circle "></i>学习Linux系统的基本使用、系统管理及网络配置，并在Linux系统下自主进行网络安全分析，防火墙应用与安全加固
                    </li>
                    <li>
                      <i class="fa fa-circle "></i>学习掌握信息收集、协议分析、端口扫描、漏洞扫描、漏洞修复、系统加固、入侵攻击等信息安全技术
                    </li>
                  </ul>
                </li>
              </ul>
            </li>
          </ul>
        </div>
      </div>

    </div>
  </div>
</body>

</html>